<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用jQuery禁止按钮</title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<button id="zfb" onclick="pay()">支付宝支付</button>
		<button id="wx" onclick="pay()">微信支付</button>
	</body>
	<script>
		// 直接在标签上写事件，前期绑定事件
		// 点击按钮来操作，禁止按钮，修改按钮内容
		// function pay(){
		// 	// 禁止按钮，jQuery规范，对象prop属性值，支持true/false
		// 	$("#zfb").prop("disabled",true);
		// }
		
		// 新的jQuery提供方式，后期绑定事件，可以针对自己的标签写自己的事件
		// 后期绑定事件会把前期绑定的事件覆盖掉，之前写的事件不再生效
		$("#zfb").click(function(){
			// js代码
			$(this).prop("disabled",true);
			$(this).text("已支付");
		});//参数是一个匿名函数
		$("#wx").click(function(){
			$(this).prop("disabled",true).text("已支付");
		});
	</script>
</html>
